<template lang="html">
    <div>
        {{ $store.state.haha.txt }}
        <h3>{{ $store.state.haha.group }}</h3>
        <input type="text" v-model="txt">
        <button type="button" name="button" @click="change"> change value</button>
    </div>
</template>

<script>
     export default{
          data(){
              return {
                  txt:""
              }
          },
         methods:{
              change(){
                  let value = this.txt;
                  this.$store.commit("haha/change", value);
              }
         }
     }

</script>

<style lang="css" scoped>


</style>